@import '../../style/variable.less';

.myModal{
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.5); 
   .inner{
       background-color: #fff;
       border-radius: 0.6rem;
       width: 85%;
       height: auto;
       transform: scale(0,0);
       transition: all 0.3s ease;
       .header{
           height: 3.5rem;
           padding: 0 1rem;
           color: #333;
           font-size: 1.3rem;
           border-bottom: 0.1rem solid #f5f5f5;
       }
       .content{
           color: #999;
           font-size: 1.2rem;
           padding: 1.5rem 1.5rem;
           flex-wrap: wrap;
       }
       .footer{
           padding: 0.5rem 2rem 1.5rem 1rem;
           color: #FF5959;
           font-size: 1.2rem;
           .comfirn{
                margin-left: 2.5rem;
           }
       }
       &.showActive{
           transform: scale(1,1);
       }
   }
}